<!--
 * @Descripttion: 
 * @version: 
 * @Author: 
 * @Date: 2019-09-20 15:52:46
 -->
<template>
  <el-scrollbar class="el-scrollbar-curstom">
    <div class="content">
      <slot></slot>
    </div>
  </el-scrollbar>
</template>

<script type="text/ecmascript-6">

export default {
  name: 'ElScrollbarCurstom',
  components: {},
  props: {},
  data () {
    return {};
  },
  methods: {},
  computed: {},
  mounted () {
  },
  destroyed () {
  }
};
</script>
<style lang="less">
.el-scrollbar-curstom {
  height: 100%;
  .content {
    width: 100%;
    overflow: hidden;
    // min-width: 1000px;
  }
  .el-scrollbar__wrap {
    overflow-x: hidden;
    box-sizing: border-box;
  }
  .el-scrollbar__thumb {
    background-color: #8ac0e8;
    &:hover {
      background-color: #01b0ff;
    }
  }
}
</style>
